<template>
  <baidu-map class="bm-view" :center="{ lng: 115.484621, lat: 38.818143 }" :zoom="15" :scroll-wheel-zoom="true"
             ak="lKTF6dTPp0bflD1mToHqAhmfIhGml6mn" v="3.0" type="API">
    <!-- 二维地图和卫星地图 -->
    <bm-map-type :map-types="['BMAP_NORMAL_MAP', 'BMAP_HYBRID_MAP']"></bm-map-type>
    <!-- 比例尺 -->
    <bm-scale anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-scale>
    <!-- 缩略图 -->
    <bm-overview-map anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :isOpen="true"></bm-overview-map>
    <!-- 缩放 -->
    <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT" :enableGeolocation="true" :showZoomInfo="true"></bm-navigation>
    <!-- 全景控件 -->
<!--    <bm-panorama anchor="BMAP_ANCHOR_TOP_LEFT"></bm-panorama>-->

  </baidu-map>
</template>

<script setup>
import {
  BaiduMap,
  BmNavigation,
  BmMapType,
  BmScale,
  BmOverviewMap,
  BmPanorama,
} from 'vue-baidu-map-3x'

</script>

<style scoped>
/* 这里没有清除百度地图API水印 */
.bm-view {
  width: 80%;
  height: 60%;
  margin: auto;
}
/* 去除水印 */
::v-deep(.BMap_cpyCtrl) {
  display: none;
}

</style>
